:root {
    /* 主色调：用于主按钮、链接等 */
    --color-brand-primary: #003c88;
    --color-brand-secondary: #2d78d4;
    --color-accent: #6610f2;

    /* 状态色：用于反馈信息 */
    --color-success: #28a745;
    --color-info: #17a2b8;
    --color-warning: #ffc107;
    --color-danger: #dc3545;

    /* 灰阶色：用于背景、边框、禁用状态等 */
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;

    /* 基础色 */
    --color-white: #ffffff;
    --color-black: #000000;

    /* 背景和文本色 */
    --color-bg-default: var(--color-white);
    --color-bg-muted: var(--color-gray-100);
    --color-bg-inverse: var(--color-black);

    --color-text-default: var(--color-gray-900);
    --color-text-muted: var(--color-gray-600);
    --color-text-inverse: var(--color-white);

    /* 边框默认色 */
    --color-border: var(--color-gray-300);
}
